{extend name="common/index" /}
{block name="css"}
<style>
    /*修改bootstrap表格边框颜色*/
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #bbb !important;
        text-align:center;
    }
</style>
{/block}
{block name="content-wrapper"}
<section class="content-header">
    <h1>
        <a href="#" target="_blank">登录记录</a>
        <small>Record login</small>
    </h1>
</section>
<section class="content container-fluid">
    <table class="table table-hover table-bordered">
        <tr>
            <td>序号</td>
            <td>时间</td>
            <td>登录名</td>
            <td>登录IP</td>
            <td>城市</td>
        </tr>
        {volist name='res' id='val'}
        <tr>
            <td class="col-md-2">{$val['id']}</td>
            <td class="col-md-3">{$val['time']}</td>
            {if condition="$val['username'] eq 'admin008'"}
                <td class="col-md-2" style="color:#f90;">{$val['username']}</td>
            {elseif condition="$val['username'] eq 'xuanlife1'"/}
                <td class="col-md-2" style="color:blue;">{$val['username']}</td>
            {else/}
                <td class="col-md-2">{$val['username']}</td>
            {/if}
            <td class="col-md-3">{$val['ip']}</td>
            {if condition="$val['city'] eq '苏州'"}
                <td class="col-md-2">{$val['city']}</td>
            {else/}
                <td class="col-md-2" style="color:red;"><b>{$val['city']}</b></td>
            {/if}
        </tr>
        {/volist}
    </table>
    <div style="text-align: right;">{$page}</div>
</section>
{/block}

{block name="introduce-js"}

{/block}
